﻿<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Challenge-03-CSS</title>
  <link rel="stylesheet" href="style.css">
</head>
<body>
<div class="container">
  <header class="top-header">
    <h1 class="header">The Right Address For Buying A Car</h1>
  </header>

  <main>
    <section class="car-image">
      <h3>LAMBORGHINI</h3>
      <img src="01.jpg" alt="Car">
      <p>$450000</p>
    </section>

    <section class="detail-section">
      <p>Free Shipping</p>
      <p>Call us and we will get in touch</p>
      <a href="">More Information &rarr;</a>
    </section>

    <div class="colors">
      <div class="color color-red"></div>
      <div class="color color-dark"></div>
      <div class="color color-white"></div>
      <div class="color color-orange"></div>
    </div>


    <section class="bottom-section">
      <h3>Product Detail</h3>
      <ul class="detail-list">
        <li>Lorem ipsum dolor sit amet</li>
        <li>Lorem ipsum dolor sit amet</li>
        <li>Lorem ipsum dolor sit amet</li>
        <li>Lorem ipsum dolor sit amet</li>
        <li>Lorem ipsum dolor sit amet</li>
        <li>Lorem ipsum dolor sit amet</li>
        <li>Lorem ipsum dolor sit amet</li>
        <li>Lorem ipsum dolor sit amet</li>
        <li>Lorem ipsum dolor sit amet</li>
        <li>Lorem ipsum dolor sit amet</li>
        <li>Lorem ipsum dolor sit amet</li>
        <li>Lorem ipsum dolor sit amet</li>
        <li>Lorem ipsum dolor sit amet</li>
        <li>Lorem ipsum dolor sit amet</li>
        <li>Lorem ipsum dolor sit amet</li>
        <li>Lorem ipsum dolor sit amet</li>
        <li>Lorem ipsum dolor sit amet</li>
        <li>Lorem ipsum dolor sit amet</li>
        <li>Lorem ipsum dolor sit amet</li>
        <li>Lorem ipsum dolor sit amet</li>
        <li>Lorem ipsum dolor sit amet</li>
        <li>Lorem ipsum dolor sit amet</li>
        <li>Lorem ipsum dolor sit amet</li>
        <li>Lorem ipsum dolor sit amet</li>
        <li>Lorem ipsum dolor sit amet</li>
        <li>Lorem ipsum dolor sit amet</li>
        <li>Lorem ipsum dolor sit amet</li>
        <li>Lorem ipsum dolor sit amet</li>
        <li>Lorem ipsum dolor sit amet</li>
        <li>Lorem ipsum dolor sit amet</li>
        <li>Lorem ipsum dolor sit amet</li>
        <li>Lorem ipsum dolor sit amet</li>
      </ul>
    </section>

    <div class="button-wrapper">
      <button>Add to Basket</button>
    </div>
  </main>
  <div class="top-wrapper">
    <a href="#">Top</a>
  </div>
  <footer>
    <p>Sherlock Moriarty Code Space</p>
  </footer>
</div>
</body>
</html>